<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
    <link href="/static/clearmin/css/bootstrap-clearmin.min.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/roboto.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/material-design.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/small-n-flat.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <title>儿童关怀系统用户端</title>
</head>
<body class="cm-no-transition cm-1-navbar">
<div id="cm-menu">
    <nav class="cm-navbar cm-navbar-primary">
        <div class="cm-flex">
            <p style="font-size: 20px; padding-top: 10px;padding-left:20px;"><strong>Child</strong>Care</p>
        </div>
        <div class="btn btn-primary md-menu-white" data-toggle="cm-menu"></div>
    </nav>
    <div id="cm-menu-content">
        <div id="cm-menu-items-wrapper">
            <div id="cm-menu-scroller">
                <ul class="cm-menu-items">
                    <li class="active"><a class="sf-house" href="/user/backToHomepage">主页</a></li>
                    <li><a class="sf-dashboard" href="/user/getSensorInfo">传感器信息浏览</a></li>
                    <li><a class="sf-profile" href="/user/getUserInfo">用户信息修改</a></li>
                    <li><a class="sf-window-system" href="/user/getSensorDataGatheringInfo">关于我们</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<header id="cm-header">
    <nav class="cm-navbar cm-navbar-primary">
        <div class="btn btn-primary md-menu-white hidden-md hidden-lg" data-toggle="cm-menu"></div>
        <div class="cm-flex">
            <h1>首页</h1>
        </div>
        <div class="dropdown pull-right">
            <button class="btn btn-primary md-account-circle-white" data-toggle="dropdown"></button>
            <ul class="dropdown-menu">
                <li class="disabled text-center">
                    <a style="cursor:default;"><strong th:text="${session.login_user}"></strong></a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#"><i class="fa fa-fw fa-user"></i> 个人信息</a>
                </li>
                <li>
                    <a href="/login/userLogout"><i class="fa fa-fw fa-sign-out"></i> 退出登录</a>
                </li>
            </ul>
        </div>
    </nav>
</header>
<div id="global">
    <div class="container-fluid cm-container-white">
        <h2 style="margin-top:0;">欢迎使用儿童关怀系统！</h2>
        <p>儿童是家庭的希望，是社会的未来，需要一个安全、舒适、有益身心的环境健康成长。我司产品从安全、健康、教育等多方面提供全面的解决方案，悉心呵护您孩子的身心发育，创造良好的成长环境，令孩子开心，家长放心！</p>
    </div>
    <div class="container-fluid">
        <div class="row cm-fix-height">
            <div class="col-sm-4">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <img alt="Less support" class="img-responsive" src="/static/img/photo1.png">
                        <br>
                        <h3>传感器数据采集说明</h3>
                        <p>在这里你可以看到我们对传感器数据采集的一些说明</p>
                        <p><a class="btn btn-default" href="/user/getSensorDataGatheringInfo" role="button">查看更多 »</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <img alt="Responsive across devices" class="img-responsive" src="/static/img/photo2.png">
                        <br>
                        <h3>个人信息修改</h3>
                        <p>在这里你可以看到并修改你的个人信息</p>
                        <p><a class="btn btn-default" href="/user/getUserInfo" role="button">查看更多 »</a></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <img alt="Components" class="img-responsive" src="/static/img/photo4.jpg">
                        <br>
                        <h3>关于我们</h3>
                        <p>在这里你可以看到我们的信息，例如 <strong>基于多模态数据的大气污染物分析大气污染物分析</strong></p>
                        <p><a class="btn btn-default" href="/user/getAboutUsInfo" role="button">查看更多 »</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="cm-footer"><span class="pull-left">Created By Shinomiya Kaguya</span><span class="pull-right">&copy; 2020 能力有限公司</span>
    </footer>
</div>
<script src="/static/clearmin/js/lib/jquery.min.js"></script>
<script src="/static/clearmin/js/jquery.mousewheel.min.js"></script>
<script src="/static/clearmin/js/jquery.cookie.min.js"></script>
<script src="/static/clearmin/js/fastclick.min.js"></script>
<script src="/static/clearmin/js/bootstrap.min.js"></script>
<script src="/static/clearmin/js/clearmin.min.js"></script>
<script src="/static/clearmin/js/demo/home.js"></script>
</body>
</html>
